<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //创建数组
        var arr = [{ name: 'zhangsan' }];
        arr.push('11');
        arr.forEach(function (v, i) {

        })

        arr.find(v => v.name == 'zhansan')
        arr.findIndex(v => v.name == 'zhansan')
        arr.indexOf(11)
        arr.map(v => v.name)
        arr.splice(2, 1)
        arr = arr.filter(v => v.id != 1)


        // 留言


        // Math  
        Math.random()
        Math.max(...[1, 2, 3]);

        dom.onclick = function (evt) {
            // 鼠标相对于页面
            console.log(evt.pageX);
            // 鼠标相对于浏览器窗口
            console.log(evt.clientX);
            // 鼠标相对于事件源的
            console.log(evt.offsetX);
        }

        // 元素的自己的宽度 高度
        // dom.offsetWidth
        // dom.offsetHeight

        // 元素相对于定位元素的偏移量（ 没有父元素没有定位--默认元素 相当于bogy）
        // dom.offsetLeft


        // 本地存储-数组转为字符串-字符串转数组

        localStorage.setItem('username', 'zhangsan')

        // 如果要存的数据 不是字符串，是一个对象，需要先转为 json数据
        var arr4 = [4, 2, 3, 3];
        localStorage.setItem('arr', JSON.stringify(arr4))



        // 解构赋值
        var obj = { name: 'zhagsna', age: 18 };
        obj.name
        obj.age;
        let { name, age } = obj;
        name; age;
        let [a, b] = [1, 2]


        // es6模块


    </script>

    <button onclick="fn(1)"></button>

    <script type="module">
        import { fn } from './a.js';
        console.log(fn);

        import { box } from './a-1.js'
    </script>

    <script>
        function Dog(name) {
            this.name = name;

        }
        Dog.prototype.run = function () {
            console.log(this.name);
        }

        let d1 = new Dog('zhangsan')
        d1.run()

        class Test {
            constructor(name) {
                this.name = name
            }
            run() {

            }
        }

        let arrr2 = [1, 2, 1, 3, 34, 4, 5, 6, 7, 123, 3, 4]
        let r = [...new Set(arrr2)]



        arrr2.filter((v, i) => arrr2.indexOf(v) === i)

        let arr4 = [{ name: 'zhangsa', age: 18 }, { name: 'lsi', age: 18 }, { name: 'wang', age: 19 }]

        arrr2.filter((v, i) => {
            // 找到 arr2中 第一个元素 跟v.age 相等的
            return arrr2.findIndex(item => item.age == v.age) === i
        })




    </script>

</body>

</html>